/**
 * Arrow
 * 需要调整尺寸的时候只需要设置font-size即可等比缩放
 * 主控参数默认值 font-size: $U20;
 * PS：这里没有线宽的概念，只有等比缩放。
 */
.plus {
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    font-size: 20px;
}

.plus:before, plus:after {
    content: '';
    pointer-events: none;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    box-shadow: inset 0 0 0 1em;
}

.plus:before {
    width: 1em;
    height: 2px;
}

.plus:after {
    height: 1em;
    width: 2px;
}

.iconoo-rightArrow {
    width: 0.8em;
    height: 0.2em;
    box-shadow: inset 0 0 0 1em;
    margin: 0.65em 0.55em 0.65em 0.15em;
    &:before {
        @extend .stickCenterV;
        border-style: solid;
        border-width: 0.4em 0 0.4em 0.4em;
        border-color: transparent;
        border-left-color: inherit;
        left: 100%;
        right: auto;
    }
}

.iconoo-leftArrow {
    @extend .iconoo-rightArrow;
    transform: translateX(0.4em) rotate(180deg);
}

.iconoo-upArrow {
    @extend .iconoo-rightArrow;
    transform: translate(0.2em, 0.2em) rotate(-90deg);
}

.iconoo-downArrow {
    @extend .iconoo-rightArrow;
    transform: translate(0.2em, -0.2em) rotate(90deg);
}